<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>目的地</title>
    <link rel="stylesheet" href="../lib/css/frozen.css">
    <link rel="stylesheet" href="../lib/css/font-awesome.css">
    <link rel="stylesheet" href="../communal/css/style-lmh.css"/>
    <link rel="stylesheet" href="../communal/css/style_lcy.css"/>
</head>
<body ontouchmove="return false;">
<!--头部-->
<header class="ui-header ui-header-positive ui-border-b " style="background-color: #29AD7B;">
    <div class="tou1-lmh my-nav">
        <span class="shouye">首页</span>
        <span class="addres active">目的地</span>
        <span class="">酒店</span>
        <span>社区</span>
    </div>
    <div class="tou2-lmh">
        <span>
         <i class="fa fa-user-circle-o" aria-hidden="true"></i> <i class="loginlocal">我的</i>
        </span>
    </div>
</header>
<!--中间.......-->
<section class="ui-container">
    <div class="ui-selector-content  my-scroller ui-scroller" style="display:block">
        <div class="out_wai_lcy">
            <!--搜索框-->
            <div class="ui-searchbar-wrap ui-border-b">
                <div class="ui-searchbar ui-border-radius">
                    <i class="ui-icon-search"></i>
                    <div class="ui-searchbar-text">搜索成都各地区景点</div>
                    <div class="ui-searchbar-input"><input value="" type="tel" placeholder="武侯区/金牛区/锦江区" autocapitalize="off"></div>
                </div>
                <button class="ui-searchbar-cancel">取消</button>
            </div>

            <div class="cneter_div_lcy">
                <span class="span_left_lcy">热门区域</span>
                <span class="span_right_lcy">热门推荐</span>
                <!--列表左边....-->
                <div class="liebiao_left_lcy">

                    <ul class="ui-list ui-list-pure ui-border-tb">
                        <li class="ui-border-t quyu_lcy quyu_1">
                            <h4>武侯区</h4>
                        </li>
                        <li class="ui-border-t quyu_lcy">
                            <h4>高新区</h4>
                        </li>
                        <li class="ui-border-t quyu_lcy">
                            <h4>锦江区</h4>
                        </li>
                        <li class="ui-border-t quyu_lcy">
                            <h4>青羊区</h4>
                        </li>
                        <li class="ui-border-t quyu_lcy">
                            <h4>双流区</h4>
                        </li>
                        <li class="ui-border-t quyu_lcy">
                            <h4>龙泉驿区</h4>
                        </li>
                    </ul>

                </div>

                <!--列表右边......-->
                <div class="liebiao_right_lcy">
                    <ul class="ui-grid-halve liebiaoul">
                        <li class="ui-listimg1_lcy djym_1">
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                                <span class="span_font_lcy">巴厘岛</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/halaliweidao.jpeg)"></span>
                                <span class="span_font_lcy">海南</span>
                            </div>
                        </li>
                        <li>
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/gongyuanxing%20.jpg)"></span>
                            <span class="span_font_lcy">桂溪公园</span>
                        </div>
                    </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/fuermosi.jpg)"></span>
                                <span class="span_font_lcy">宽窄巷子</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/dajiudian.jpg)"></span>
                                <span class="span_font_lcy">锦里</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/jiuzhaigou.jpg)"></span>
                                <span class="span_font_lcy">花舞人间</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/kuaiyangcun.jpg)"></span>
                                <span class="span_font_lcy">北海道</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/malaixiya.jpg)"></span>
                                <span class="span_font_lcy">温华</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/changcheng.jpg)"></span>
                                <span class="span_font_lcy">青城山</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/malaixiya.jpg)"></span>
                                <span class="span_font_lcy">洛带古镇</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/aiqinghai1.jpeg)"></span>
                                <span class="span_font_lcy">黄龙溪</span>
                            </div>
                        </li>
                        <li>
                            <div class="ui-grid-halve-img">
                                <span style="background-image:url(../communal/imgs/balidao3.jpg)"></span>
                                <span class="span_font_lcy">东郊记忆</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        </div>
    <!--</div>-->
</section>

<script src="../lib/js/zepto.min.v1.1.6.js"></script>
<script src="../lib/js/zepto.toch.js"></script>
<script src="../lib/js/frozen.js"></script>
<script src="../lib/js/hammer.v2.0.8.js"></script>
<script type="text/javascript">
    //    登录状态------------------------------------------------
    var touchNum = $(".loginlocal");
    //        加载页面时的判断
    touchNum.on('touchstart',function(){
        if(localStorage.length ==1){
            location.href='../../html/userinfo.html';
        }else{
            alert("未登录，请先登录");
            location.href='../../html/login.html';
        }
    });
    //        加载时刷新

    //加载页面后判断localStorage
    if(localStorage.length==1){
        console.log(localStorage);
        $(".loginlocal").text(localStorage.name);
    }else{
        console.log("没有用户");
    }


/*垂直滑动...............*/
    $(function(){
        var scroll = new fz.Scroll('.ui-scroller', {
            scrollY: true,
            bounce:true
        });
        $(".ui-scroller")[0].ontouchend=function() {
            var s = scroll.getComputedPosition();
            scroll.refresh();
        }

      /* 头部跳转.................*/
        $('.tou1-lmh > span').eq(0).on("tap",function(){
            window.location.href = "index-lmh.html";
        });

        $('.tou1-lmh > span').eq(1).on("tap",function(){
            window.location.href = "mudidi-lcy.html";
        });
        $('.tou1-lmh > span').eq(2).on("tap",function(){
            window.location.href = "Hotel-lmh.html";
        });
        $('.tou1-lmh > span').eq(3).on("tap",function(){
            window.location.href = "../communal/html/chat_Phone.html";
        });

//        武侯区
        $('.quyu_1').on("tap",function(){
            window.location.href = "quyemian.html";
        });

//        景点详情
        $('.djym_1').on("tap",function(){
            window.location.href = "addressxiangqing.html";
        });
/*
/*搜索框....................*/
        $('.ui-searchbar').tap(function(){
            $('.ui-searchbar-wrap').addClass('focus');
            $('.ui-searchbar-input input').focus();
        });
        $('.ui-searchbar-cancel').tap(function(){
            $('.ui-searchbar-wrap').removeClass('focus');
        });
/*搜索框完*/

    });
</script>
</body>
</html>